html{
    font-size: 100% !important;
}
.details{
    width: 100%;
}
/* banner图片大小 */
.dtl_banner{
    height: 37.5rem;
    margin-top: 1.5rem;

    text-align: center;
    position: relative;
    margin: 0 auto;
}
.dtl_banner h1,.dtl_banner p,.dtl_banner a{
    width: 80%;
    margin: 0 auto;
    display: block;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}
.dtl_banner h1{
    font-size: 3rem;
    padding-top: 11rem;
    line-height: 1.5;
  
}
.dtl_banner p{
    font-size: 2rem;
    color: #fff;
    line-height: 3;
}
.dtl_banner a{
    font-size: 1.4rem;
    color: #fff;
    line-height: 1.5;
}
/* banner背景大小 */
.banner{
    width: 100%;
    z-index: -100;
    position: absolute;
    top: 0;
}

/* 四大模块整体 */
.dtl_cont {
    width: 100%;
    background-color: #f7f7f7;
    background-image: linear-gradient(180deg, #f3f9ff, #d5e7ff 24.44%, #f3f7f4,#d5e7ff 80%, #f3f4f7 90%);
}
.wrap_details {
    width: 70%;
    padding: 2rem 1rem;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,.07);
    position: relative;
    transform: translateY(-40%);
    border-radius: 0.5rem;
}
.dtl_function ul {
    display: flex;
    justify-content: space-between; /* 三个li等分宽度 */
    padding: 0; /* 移除默认内边距 */
    margin: 0; /* 移除默认外边距 */
    list-style: none; /* 移除列表样式 */
}

.dtl_function li {
    flex: 1; /* 等分宽度 */
    margin-right: 1rem; /* li之间的间距 */
    display: flex;
    flex-direction: column; /* 垂直布局 */
    align-items: center; /* 水平居中 */
}

.dtl_function li:last-child {
    margin-right: 0; /* 最后一个li不需要右边距 */
}

.dtl_function li img {
    margin-bottom: 1rem; /* 图片和文字的间距 */
}

.dtl_function li p {
    text-align: center; /* 文字居中 */
    margin: 0; /* 移除默认外边距 */
}
    .dtl_function li p {
        font-size: 1.2rem;
        color: #242e3d;
        line-height: 1.5;
        float: left;
        display: block;
    }

/* 第二部分 */
.dtl_ali{
    width: 70%;
    padding-bottom: 5rem;
    overflow: hidden;
    display: block;
    align-items: center;
    margin: 0 auto;
}
    .dtl_ali h1 {
        font-size: 2rem;
        color: #242e3d;
        font-weight: bold;
        padding: 2rem 0;
    }
    .dtl_ali .ali_left, .dtl_ali .ali_right {
        width: 48.5%;
        background-color: #fff;
        box-shadow: 0 0.5rem 1.5rem rgba(102, 102, 102, .1);
        float: left;
        padding-bottom: 2rem;
        border-radius: 0.5rem;
        overflow: hidden;
    }
.dtl_ali .ali_right{
    float: right;  
}

.ali_img{
    width: 100%;
    overflow: hidden;
}
.dtl_ali img{
    width: 100%;
    position: relative;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
}
.dtl_ali img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.alifont{
    width: 90%; 
    margin: 0 auto;  
}
.dtl_ali .ali_left h3, .ali_right h3 {
    font-size: 1.6rem;
    color: #242e3d;
    font-weight: bold;
    line-height: 1.2;
    padding: 2rem 0 1rem;
}
.dtl_ali .ali_left p, .ali_right p {
    font-size: 1.2rem;
    color: #121a27a7;
    line-height: 1.5;
}
/* 第三部分 */
/* 整体容器样式 */
.szh {
    width: 70%;
    /* max-width: 1440px; 可根据需要调整最大宽度 */
    margin: 0 auto;
    /*padding: 0 3vh;*/
    font-family: Arial, sans-serif;
    display: flex;
    flex-direction: column; /* 内容垂直排列 */
    /*align-items: center;  整体水平居中 */
}

/* 标题样式 */
.szh_tle {
    margin: 2rem 0;
}
.szh_tle p{
    font-size: 2rem;
    font-weight: 600;
}

/* 内容块容器 */
.szhbg {
    width: 100%; /* 占满父容器宽度 */
    display: flex;
    flex-direction: column; /* 内容块垂直排列 */
    gap: 30px; /* 内容块之间的间距 */
    margin-bottom: 6rem
}

/* 通用内容块样式 */
.content-block {
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    width: 100%;
    margin: 1rem 0;
}

/* 图片样式 */
.content-block .item img {
    display: block; /* 去除图片底部间隙 */
    width: 100%;
    max-width: 100%; /* 最大宽度 */
    height: auto; /* 保持比例 */
}

/* 第一个内容块 - 图片在左，文字在右 */
.content-block.one {
    flex-direction: row;
}
.content-block.one img{
    float: left;
}
.content-block.two img{
    float: right;
}

.right_font{
    padding-left: 5rem;
}
 .left_font{
    padding-right: 5rem;
}
 .qqd_font {
    text-align: left;
    flex: 1;
}
.qqd_font h1{
    padding-bottom: 2rem;
    font-size: 2rem;
}
    .qqd_font p {
        font-size: 1.2rem;
        line-height: 2;
        color: #242e3d;
    }

/* 第二个内容块 - 图片在右，文字在左 */
.content-block.two {
    flex-direction: row-reverse;
}



/* 适配1600以下屏幕，83% */
@media screen and (max-width:1600px) {
}

/* 适配1440以下屏幕，75% */
@media screen and (max-width:1440px) {

    .wrap_details, .dtl_ali, .szh {
        width: 80%;
    }
}

/* 适配1366以下屏幕，71% */
@media screen and (max-width:1366px) {
    .dtl_banner h1 {
        font-size: 2.6rem;
    }

    .dtl_banner p, .dtl_ali h1, .szh_tle p, .qqd_font h1 {
        font-size: 1.4rem;
    }

    .dtl_banner a {
        font-size: 1rem;
    }

    .dtl_ali .ali_left h3, .ali_right h3 {
        font-size: 1.2rem;
    }

    .dtl_ali .ali_left p, .ali_right p, .qqd_font p, .dtl_function li p {
        font-size: 0.9rem
    }

    .content-block .item img{
        width: 80%;
    }
}

/* 适配1280以下屏幕，66.6% */
@media screen and (max-width:1280px) {
    .dtl_banner {
        height: 35rem;
    }
    .content-block .item img {
        width: 75%;
    }
    .right_font {
        padding-left: 1rem;
    }

    .left_font {
        padding-right: 1rem;
    }
}

/* 适配1024以下屏幕，53% */
@media screen and (max-width:1024px) {
    
         
}